/**
 * Created by mFramework.
 * User: Mauro
 * Date: 27/05/11
 * Time: 10:45
 */
MF.views.Viewport = Ext.extend(Ext.TabPanel, {
    fullscreen: true,
    tabBar: {
        dock: 'bottom',
        layout: {
            pack: 'center'
        }
    },
    defaults: {
        styleHtmlContent: true
    },
    items: [
        { xtype: 'homecard' , id: 'home' },
        { xtype: 'searchcard'},
        { xtype: 'actioncard' },
        { xtype: 'settingscard' },
        { xtype: 'morecard' }
    ],
    initComponent: function() {
        MF.views.Viewport.superclass.initComponent.call(this);
        this.addEvents('interact');
        this.addListener({
            el: {
                tap: function(e) {
                    this.fireEvent('interact' , e.type , e);
                },
                scope: this
            }
        });
    }
});